<template>
  <!-- 公众号 -->
  <div class="gzharea">
    <div style="text-align: center;">
      <p class="title">穿过月亮的旅行</p>
      <p style="margin-top: 5px;">张子枫｜子枫</p>
    </div>
    <div><img src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/bdce2d28e0454e15a9dd27ca55bf16f5~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1578&h=1280&s=339378&e=jpg&b=d3b49f" alt="" /></div>
    <div>
      <p style="margin-top: 5px;">
        2024.5.1</p>
      <!-- <p style="margin-top: 5px;">
        第一时间传递给你</p> -->
    </div>
  </div>
</template>

<script lang="ts" setup>
</script>

<style scoped>
.gzharea {
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
  margin-top: 16px;
  text-align: center;
  font-size: 0.7rem;
  background-color: var(--vp-c-bg-alt);
  border: .5px solid var(--vp-c-gray-soft);

  .title {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 1.8px;
  }
}
</style>